<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-角色管理-权限</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  
  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    li {
      list-style: none;
    }
  </style>
</head>
<body>
  @@include('header.html')
  @@include('menu.html')
  <div class="content-wrap">
    <ol class="breadcrumb _white">
      <li><a href="./index.html">角色列表</a></li>
      <li class="active">权限分配</li>
    </ol>
    <div class="detail-title">
      <div class="detail-title-text">权限分配</div>
    </div>
    <div class="content">
      <form class="form form-horizontal inner-form" id='form'>
        <ul v-for="item_1 in powerList">
          <li>
            <div class="checkbox" :class="{ 'text-primary': item_1.imark === 'true' }">
              <label>
                <input type="checkbox" autocomplete="off" :checked="item_1.imark === 'true'" @click="powerHandle(item_1)"> {{ item_1.menuName }}
              </label>
            </div>
          </li>
          <li>
            <ul v-for="item_2 in item_1.children">
              <li>
                <div class="checkbox" :class="{ 'text-primary': item_2.imark === 'true' }">
                  <label>
                    <input type="checkbox" autocomplete="off" :checked="item_2.imark === 'true'" @click="powerHandle(item_2, [item_1])"> {{ item_2.menuName }}
                  </label>
                </div>
              </li>
              <li v-if="item_2.children && item_2.children.length">
                <ul v-for="item_3 in item_2.children">
                  <li>
                    <div class="checkbox">
                      <label>
                        <input type="checkbox" autocomplete="off" :checked="item_3.imark === 'true'" @click="powerHandle(item_3, [item_2, item_1])"> {{ item_3.menuName }}
                      </label>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
        <div class="form-group">
          <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
            <button type="submit" class="btn btn-primary btn-h-llg" :disabled="isLock">提交</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/roleManage_power.js"></script>
</html>